<%-- 
    Document   : index
    Created on : 18/06/2010, 06:52:13 PM
    Author     : u920879
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
<title>Home Yo lo Tengo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
	<div id="header">
		<div class="block1">
			<ul>
				<li>
					<img src="images/square.jpg" alt="" width="11" height="11" class="squ" />
					Elegir idioma :
					<a href="#"><img src="../images/flag1.jpg" alt="" width="20" height="14" /></a>
					<a href="#"><img src="images/flag2.jpg" alt="" width="20" height="14" /></a>
					<a href="#"><img src="images/flag3.jpg" alt="" width="20" height="14" /></a>
				</li>
				<li>
					<img src="images/square.jpg" alt="" width="11" height="11" class="squ" />
					Monedas :
					<select class="select">
						<option value="">S/ Soles</option>
						<option value="">US Dollar</option>
					</select>
				</li>
			</ul>
		</div>
		<div class="block2">
			<ul>
				<li><a href="#">Especiales</a></li>
				<li><a href="#">Buscar</a></li>
				<li><a href="#">Mi Cuenta</a></li>
				<li><a href="#">Regístrate</a></li>
                                <li><a href="#">Vende en Yo lo Tengo</a></li>

			</ul>
		</div>
		<div class="block3">
			<a href="#"><img src="images/cart.jpg" alt="" width="35" height="25" /></a>
			<span>Shopping<br /> Cart</span>
			<span>now in your cart <strong>5 items</strong></span>
		</div>
		<a href="#"><img src="images/name.jpg" alt="" width="396" height="117" /></a><img src="images/pic1.jpg" alt="" width="370" height="117" /><br />
		<ul class="menu">
			<li><a href="#"><img src="images/but1.jpg" alt="" width="135" height="36" /></a></li>
			<li><a href="#"><img src="images/but2.jpg" alt="" width="130" height="36" /></a></li>
			<li><a href="#"><img src="images/but3.jpg" alt="" width="130" height="36" /></a></li>
			<li><a href="#"><img src="images/but4.jpg" alt="" width="130" height="36" /></a></li>
			<li><a href="#"><img src="images/but5.jpg" alt="" width="130" height="36" /></a></li>
			<li><img src="images/butclean.jpg" alt="" width="111" height="36" /></li>
		</ul>
	</div>
	<div id="content">
		<div class="left">
			<img src="images/title1.jpg" alt="" width="198" height="30" /><br />
			<ul>
				<li class="dots"><a href="#">Desktops</a></li>
				<li class="dots"><a href="#">Notebooks</a></li>
				<li class="dots"><a href="#">Tablet PCs</a></li>
				<li class="dots"><a href="#">Servers</a></li>
				<li class="dots"><a href="#">Storage</a></li>
				<li class="dots"><a href="#">Networking</a></li>
				<li class="dots"><a href="#">Digital Displays</a></li>
				<li class="dots"><a href="#">Digital Cameras</a></li>
				<li class="dots"><a href="#">Remanufactured</a></li>
				<li class="style1"><a href="#">Fax Machines</a></li>
			</ul>
			<img src="images/title2.jpg" alt="" width="198" height="30" /><br />
			<ul>
				<li class="dots"><a href="#">News</a></li>
				<li class="dots"><a href="#">Sale</a></li>
				<li class="dots"><a href="#">Pro Order</a></li>
				<li><a href="#">Coming Soon</a></li>
			</ul>
		</div>
		<div class="right">
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item1.jpg" alt="" width="102" height="88" class="items" />
					<h1>SAMSUNG XNV 1200</h1>
					<span><strong>Duis autem iriure</strong> in hendrerit in vulputate velit esse molestie.</span>
					<p><strong>$ 892</strong> (only U.S.)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item2.jpg" alt="" width="102" height="88" class="items" />
					<h1>CREATIVE Micra 3MPi</h1>
					<span><strong>Vero eros et</strong> accumsan et iusto odio dignissim.</span>
					<p><strong>$ 76</strong> (15% off)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item3.jpg" alt="" width="102" height="88" class="items" />
					<h1>CANON PIXMA iP8500</h1>
					<span><strong>Consequat vel illum</strong> dolore eu feugiat nulla facilisis at vero.</span>
					<p><strong>$ 402</strong> (bestseller)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item4.jpg" alt="" width="102" height="88" class="items" />
					<h1>SONY Sotec 17" Pro</h1>
					<span><strong>Accumsan et iusto</strong> odio dignissim qui landit praesent luptatum.</span>
					<p><strong>$ 1239</strong> (new)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item5.jpg" alt="" width="102" height="88" class="items" />
					<h1>iPAQ Pocket-3800-2</h1>
					<span><strong>Hendrerit</strong> in vulputate velit esse molestie consequat.</span>
					<p><strong>$ 326</strong> (10% off)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
			<div class="item">
				<img src="images/bordtop.gif" alt="" width="274" height="2" />
				<div>
					<img src="images/item6.jpg" alt="" width="102" height="88" class="items" />
					<h1>NOKIA 7270i Pro</h1>
					<span><strong>Iusto odio dignissim</strong> blandit praesent zzril  augue duis olore.</span>
					<p><strong>$ 599</strong> (bestseller)</p>
					<a href="#"><img src="images/button1.gif" alt="" width="129" height="20" /></a>
					<a href="#"><img src="images/button2.gif" alt="" width="127" height="20" /></a>
				</div>
				<img src="images/bordbot.gif" alt="" width="274" height="2" />
			</div>
		</div>
	</div>
	<div id="footer">
		Copyright &copy; 2007 CompanyName. All Rights Reserved / <a href="http://www.webdesign.org" class="powered">Web Design</a> by <a href="http://www.freetemplatesonline.com" class="powered">Free Templates</a> Online<br />
		<a href="#" class="terms">Terms of Use</a> / <a href="#" class="terms">Privacy Policy</a>
	</div>
</body>

</html>
